<template>
<div class="get_vip_ad_wrap" v-if="isShow">
	<div class="aw_cover" @click="closeMyself"></div>
    <div class="aw_content">
      <div class="ac_top">
         <div class="act_right" @click="closeMyself"></div>
      </div>
      <div class="aws_line1">
        销售热线
      </div>
      <div class="aws_line2">
        <div >王老师 : 17755165650</div>
        
        <div style="margin-top: 16px;">在线时间 : 周一至周五 8:00 - 17:30</div>
      </div>
      <div class="aws_line3">
        咨询客服
      </div>
      <div class="aws_line4">
         <div style="margin-top: 5px;">微信扫一扫，添加美丽科学官方客服微信</div>
      </div>
    </div>
</div>
</template>
<script>
export default{
	props:{
      isShow: {
        type: Boolean,
        default: true
      },
	},
	data(){
		return{
		}
	},
	methods:{
      closeMyself(){  //关闭插件
      	this.$emit('on-close',false) 
      },
	}
}	
</script>
<style lang="scss" scoped>
.get_vip_ad_wrap{
      position:fixed;
      .aw_cover{
        background: #000;
        opacity: 0.3 ;
        position: fixed;
        z-index: 35;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .aw_content{
        position: fixed;
        top: 0px;
        left: 0px;
        width:480px;
        margin-left: 37%;
        margin-top: 17%;
        height:424px;
        background:rgba(255,255,255,1);
        border-radius:10px;
        z-index: 40;
        .ac_top{
          height: 72px;
          border-bottom:1px solid #dce0e6;        
          text-align: center;
          line-height: 56px;
          font-size: 14px;
          position:relative;
          background-image: url('../assets/img/get_code_popuphead.png');
          background-repeat: no-repeat;
          background-size:100% 100%;
          background-position: 0px 0px;
          .act_right{
            position:absolute;
            right:10px;
            top:28px;
            width: 20px;
            height: 20px;
            cursor: pointer;
            background-image: url('../assets/img/close_icon_fornav@2x.png');
            background-repeat: no-repeat;
            background-size:16px 16px;
            background-position: 0px 0px;
          }
        }
        .aws_line1{
          margin-top: 20px;
          padding-left:50px;
          font-size: 14px;
          color: #408fff;
          background-image: url('../assets/img/hotline_icon@2x.png');
          background-repeat: no-repeat;
          background-size:16px 16px;
          background-position: 23px 2px;
        }
        .aws_line2{
          margin-left: 52px;
          margin-top: 25px;
          font-size:13px;
        }
        .aws_line3{
          margin-top: 27px;
          padding-left:50px;
          font-size: 16px;
          color: #408fff;
          background-image: url('../assets/img/customer_service_icon@2x.png');
          background-repeat: no-repeat;
          background-size:16px 16px;
          background-position: 23px 2px;
        }
        .aws_line4{
          //width: 300px;
          height: 140px;
          padding-top: 20px;
          margin-left: 52px;
          //margin-top: 15px;
          padding-left: 0px;
          padding-right: 125px;
          background-image: url('../assets/img/wechatqr.png');
          background-repeat: no-repeat;
          background-size:96px 96px;
          background-position: 300px 0px;
        }
      }
   }
</style>
















